<template>
  <!--  对账单页面  -->
  <a-card :bordered='false'>
    <!-- 查询区域 -->
    <search :config='searchConfig' @search='search' @getHeight='getHeight' />
    <!-- table区域-begin -->
    <div>
      <!-- 操作按钮区域 -->
      <div class='table-operator'>
        <a-button type='primary' v-has="'business:log'" :disabled='selectionRows.length!==1'
                  @click='handleBusiness("退单管理",row)'>日志
        </a-button>
      </div>
      <!-- 表单文本内容区域 -->
      <div class='page_table'>
        <h2 style='font-weight: bold;text-align: center'>{{ tableTitle1 }}</h2>
        <table border='1' width='100%' style='text-align: center;margin-bottom: 10px' >
          <tr>
            <td>公司</td>
            <td colspan='3'></td>
            <td>对月账单</td>
            <td>2022年4月</td>
            <td></td>
          </tr>
          <tr>
            <td rowspan='2' class='tab-td'>日期</td>
            <td rowspan='2'>摘要</td>
            <td rowspan='2'>发货数量</td>
            <td>本期应收</td>
            <td>本期收款</td>
            <td>期末余额</td>
            <td rowspan='2'>订单号</td>
          </tr>
          <tr>
            <td>原币</td>
            <td>原币</td>
            <td>原币</td>
          </tr>
          <tr>
            <td class='tab-td'></td>
            <td>项目明细</td>
            <td>数量</td>
            <td>金额</td>
            <td colspan='3'>备注</td>
          </tr>
        </table>
        <p style='color: red'>说明:</p>
        <span
          style='color: red'>请您对上表中本月交易来往事项及“期末余额”进行核对，若由于以上信息不符的事项及金额，请在下表中列示，列示时需事项清晰且金额明确；若无差异事项，请在下表“事项”中标明“无” 。</span>
        <h2 style='font-weight: bold;text-align: center;margin-top: 20px'>{{ tableTitle2 }}</h2>
        <table border='1' width='100%' style='text-align: center' class='table2'>
          <thead>
          <tr style='color: #000;background-color: #ddd'>
            <th width='20%'>所属时间段</th>
            <th>事项</th>
            <th width='20%'>金额</th>
          </tr>
          </thead>
          <tbody>
          <tr v-for='(item,index) in 13'>
            <td></td>
            <td></td>
            <td></td>
          </tr>
          </tbody>
        </table>
        <h3 style='margin-top: 20px;margin-bottom: 0'>经销商声明:</h3>
        <p>除以上提报的未结算项外，截止当前，本单位（人）与思念公司所有往来均以核清。今后除上述事项外，其他所有事项本单位一律均不在主张，不因思念公司销售单位负责人变动而对以上 提报未结事项外提出异议，特此声明！</p>
        <div class='autograph-box'>
          <div class='autograph'>
            <p>区域/城市负责人签名:</p>
            <p>核对单位（人）签名:</p>
          </div>
          <div>
            <p>区域/城市负责人电话:</p>
            <p>核对单位（人）电话:</p>
          </div>
        </div>
        <p style='margin-bottom: 50px'>经销商签章:</p>
        <h3 style='margin-top: 20px;margin-bottom: 0'>重要提醒：</h3>
        <p>1、经销商变更公章、法定代表人、公司名称、公司股东或本结构、公司地址、财务信息、收货地址等，均应在发声前30内书面通知我司，变更完成后10日内将相关资料提供我司，如信息 备案不及时造成的损失由经销商自行承担。</p>
        <p>2、经销商<span style='color: red'>每月6号之后</span>通过思念综合业务系统对上月交易往来进行核对，请经销商自行打印对账单，并于5日内确定完毕。如有费用、销售等往来差异可在打印出的纸质对账单下方<span
          style='color: red'>往来未结事项</span>上列示清晰，如未披露，后期再申诉差异事项的，我公司均不予支持。<span style='color: red'>次月10日</span>前未收到对账单的即视为经销商对双方往来结果的金额的认可，并作为双方的最终账务依据。
        </p>
        <p>3、请经销商再每月20号之前签字盖章后的对账单，邮寄至郑州思念结算管理部。签字盖章需和经销商预留印鉴相一致，否则视同不合格。则需重新提供对账单。</p>
        <p>4、代配送商要严格按照公司的价格管理要求，管控卖场的价格。代配送再接到卖场订单后，发现某单品价格异常的，不得送货，若代配送商依然送货的，配送订单的所有成本和费用均不予冲报，由此造成我公司损失的，还应当按照我公司规定承担赔偿和违约责任。望代配送商配合执行！</p>
        <p>公司地址: <span>{{address}}</span></p>
        <p style='font-size: 16px'>电话: {{tell}} 联系人: {{people}}</p>
      </div>
    </div>
    <business-log ref='businessLog'></business-log>
  </a-card>
</template>

<script>
import { PageListMixin } from '@/mixins/PageListMixin'
import Vue from 'vue'

export default {
  name: 'accountStatement',
  mixins: [PageListMixin],
  components: {},
  data() {
    return {
      tableTitle1: '思念食品有限公司应收账款对账单',
      tableTitle2: '来往未结事项',
      address:"河南省郑州市惠济区英才街15号，郑州思念食品有限公司结算管理部   邮编：45008  马飞（收）",
      tell:"03221-10029384838",
      people:"马飞",
      searchConfig: [
        {
          // label:'区域编号',
          type: 'input',
          name: '',
          placeholder: ' 公司代码'
        },
        {
          // label:'区域编号',
          type: 'date',
          name: 'date',
          placeholder: '对账单日期'
        }

      ],

      url: {
        // list: window._CONFIG['domianURL'] + '',
        // // detail: window._CONFIG['domianURL'] + '/userorgrelation/cnUserOrgRelation/saveOrUpdate',
        // edit: window._CONFIG['domianURL'] + '/mdsProduct/saveOrUpdateEntity',
        // deleteBatch: '/userorgrelation/cnUserOrgRelation/deleteBatch',
        // delete: window._CONFIG['domianURL'] + '/userorgrelation/cnUserOrgRelation/delete',
        // exportXlsUrl: window._CONFIG['domianTpmURL'] + 'budget/tpmBudgetFee/exportXls'
      }
    }
  },
  computed: {
    importExcelUrl: function() {
      return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
    }
  },
  created() {
  },
  methods() {
  }
}
</script>

<style scoped lang='less'>
@import '~@assets/less/common.less';

.page_table {
  background-color: #fff;
  box-sizing: border-box;
  padding: 40px 20px 40px 50px;
  height: calc(100vh - 45px - 126px);
  overflow-y: auto;
  color: #333;

  .table2 {
    th {
      height: 35px;
    }

    td {
      height: 40px
    }
  }

  .autograph-box {
    width: 50%;
    display: flex;
    justify-content: space-between;

    p {
      margin-bottom: 40px;
    }
  }
}

</style>

